<!DOCTYPE html>
<html>
	<head>
	    <meta charset="utf-8">
	    <meta name="viewport" content="maximum-scale=1.0, minimum-scale=1.0, user-scalable=0, initial-scale=1.0, width=device-width" />
	    <meta name="format-detection" content="telephone=no, email=no, date=no, address=no">
	    <title>Hello APP</title>
	    <link rel="stylesheet" type="text/css" href="../../../css/index.css" />
	</head>
	<style type="text/css">
		.warp{width: 100%;}

		/*订单列表*/
		.tui_order-list{width: 100%;}
		.tui_order-list .order-one{width: 100%;background: #FFFFFF;margin-bottom: 10px;}
		.tui_order-list .order-one .order-top{height: 50px;width: 100%;align-items: center;padding: 0 15px;box-sizing: border-box;color: #FF9502;}
		.tui_order-list .order-one .order-top .sta{color:#FF9502;}
		.tui_order-list .order-one .order-conter{width: 100%;padding: 0 15px 10px 15px;box-sizing: border-box;}
		.tui_order-list .order-one .order-conter .order-shop{padding: 10px 0;box-sizing: border-box;background: #FFFFFF;}
		.tui_order-list .order-one .order-conter .order-shop .img-box{width: 54px;height: 54px;overflow: hidden;}
		.tui_order-list .order-one .order-conter .order-shop .img-box img{width: 100%;}
		.tui_order-list .order-one .order-conter .order-shop .shop-info{padding-left: 12px;box-sizing: border-box;position: relative;}
		.tui_order-list .order-one .order-conter .order-shop .shop-info .name{font-size: 16px;color: #333333;font-weight: bold;}
		.tui_order-list .order-one .order-conter .order-shop .shop-info .price{width: 100%;padding-top: 8px;box-sizing: border-box;font-size: 12px;color:#999999;}
		.tui_order-list .order-one .order-conter .tishi{background: #F8F8F8;font-size: 13px;color: #8E9194;padding: 10px 12px;border-radius:2px;white-space:normal; word-break:break-all;}
		.tui_order-list .order-one .order-bot{width: 100%;}
		.tui_order-list .order-one .order-bot .btn-box{width: 100%;height: 54px;align-items: center;justify-content: flex-end;padding: 0 15px;box-sizing: border-box;}
		.tui_order-list .order-one .order-bot .btn-box .btn{width:98px;height:34px;margin-left: 10px;border-radius:4px;background: #FF9502;;text-align: center;line-height: 34px;color: #ffffff;box-sizing: border-box;}
		.tui_order-list .order-one .order-bot .btn-box .btn.s{color: #999999;background: #ffffff;}
		.tui_order-list .order-one .order-bot .btn-box .btn.s::before{border-radius: 8px;border: 1px solid #CCCCCC;}
	</style>
	<body>
		<div id="vue" class="warp">

			<!--入驻审核-->
			<div class="tui_order-list" >
				<div class="order-one border-top" style="display:none;" :style="{ display:(Pdata.title ? '':'none')}">
					<div class="order-top flex border-bottom">
						<div class="number flex1">状态：<i v-text="Pdata.status_str"></i></div>
					</div>
					<div class="order-conter">
						<div class="order-shop flex">
							<div class="img-box bgpic" :style="{backgroundImage:'url('+Pdata.logo+')'}"></div>
							<div class="shop-info flex1">
								<div class="name han_1" v-text="Pdata.title">商家名称入驻申请</div>
								<div class="price">申请时间：<i v-text="Pdata.addtime">2020-12-12 23:12:32</i></div>
							</div>
						</div>
						<div class="tishi" v-if="!Pdata.shnowhy && Pdata.status < 3">小编正在帮您审核，耐心等待哦</div>
						<div class="tishi" v-if="Pdata.shnowhy" v-text="Pdata.shnowhy"></div>
					</div>
					<div class="order-bot">
						<div class="btn-box flex border-top" v-if="Pdata.status == 2">
							<div class="btn s border-all" :data-id="Pdata.id" tapmode onclick="del(this)" >删除</div>
							<div class="btn" :data-id="Pdata.id" tapmode onclick="edit(this)">编辑</div>
						</div>
						<div class="btn-box flex border-top" v-if="Pdata.status == 3">
							<div class="btn" :data-id="Pdata.orderid" :data-price="Pdata.pay_price" tapmode onclick="goPay(this)">待支付</div>
						</div>
						<div class="btn-box flex border-top" v-if="Pdata.status == 4">
							<div class="btn s border-all">已支付</div>
						</div>
					</div>
				</div>
			</div>

			<!--占位图-->
			<div class="nodata" style="display:none;" :style="{ display:(noData ? '':'none')}">
				<img src="../../../image/no_page/no_jilu.png" />
				<p>暂无入驻信息</p>
			</div>

		</div>
	</body>
</html>
<script type="text/javascript" src="../../../script/base.min.js" id="loadjs" data-js="L/swiper.min,L/lazyload,L/h-tool"></script>
<script type="text/javascript">

	define(function (require, exports, module) {

		_page.getData = function(loading) {
			lanYun.getVueData({url:'UserStoreIn/index',get:{page:lanYun.page},cache:0,loading:loading},function(ret) {
				//console.log(JSON.stringify(ret));
				if(ret.errcode == 1){
					lanYun.toast(ret.msg);
				}
			});
		};
		lanYun.newVue('#vue',function() {
			_page.getData(2);
		});

		//去支付订单
		goPay = function (tis){
			var dst = tis.dataset;
			lanYun.openWin('goods/pay/pay_sel.html', {
				title : '支付入驻费',
				frameParam : {id:dst.id,action:"ruzhu",price:dst.price,endmiao:0,endtype:0}
			});
		}

		//编辑
		edit = function (tis) {
	        var dst = tis.dataset;
	        lanYun.openWin('main3/ruzhu/ruzhu.html', {
				title:"商家入驻",
				border:'1',
	        	frameParam : {},
	        });
	    }

		//删除订单
		tuiDel = function (tis){
			var dst = tis.dataset;
			lanYun.alert({fname:'diaLogBox1',title:'提示', button:['取消','确定'],content: '您确定要删除订单吗？'},function(ret){
	            if (ret.index == 0) return;
				lanYun.get('UserOrderTui/del?id=' + dst.id ,function (ret){
					lanYun.toast(ret.msg);
					if(ret.errcode == 0){
						lanYun.event('uporderNum');
					}
				},2)
	        });
		}

	});

</script>
